<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <style>
        h1 {
            color: red;
        }
    </style>

    <script>
        $.ajax({
            type: 'get',
            url: 'http://127.0.0.1:5000/get_msg',
            // 会自动帮我们把返回的数据根据响应头设置的类型进行转换好（也就是会自动转成json对象）
            success: function (response) {
                $("#h1").text(response.data.name)
                for (let i = 0; i < response.data.length; i++) {
                    $("ul").append("<li>" + response.data[i].name + "</li>")
                }
            },
            // xhr是ajax对象
            error: function (xhr) {
            }
        });


        function a(b, c, d) {
            console.log(b, c, d)
        }

        a(1, 2, 3)
        a(1)
        a()
        a(12, 3, 4, 5, 6, 7, 8, 9, 9)

        function commit_date() {
            var y = $("#y").val()
            var m = $("#m").val()
            var d = $("#d").val()
            $.ajax({
                type: 'get',
                url: 'http://127.0.0.1:5000/calc',
                data: {"y": y, "m": m, "d": d},
                // 会自动帮我们把返回的数据根据响应头设置的类型进行转换好（也就是会自动转成json对象）
                success: function (response) {
                    $("#date").text(response.alldays)
                },

            });

        }
    </script>

</head>
<body>

<h1 id="h1">

</h1>

<ul id="ul">

</ul>

<form action="">
    <input type="text" placeholder="请输入月" id="y" name="y">
    <input type="text" placeholder="请输入年" id="m" name="m">
    <input type="text" placeholder="请输入日" id="d" name="d">
    <input type="button" value="提交" onclick="commit_date()">

</form>

<h1 id="date"></h1>
</body>
</html>